<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglib.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>MCU MANAGER</title>
<%@ include file="/WEB-INF/jsp/common/cssjs2.jsp" %>
<script type="text/javascript">
$(function(){
        var multiple_dataset = [
           { occupy:"${model.useVideoPort}", free:"${model.freeVideoPort}", port:"<fmt:message key='mcu.statistic.video'/>" },
           { occupy:"${model.useAudioPort}", free:"${model.freeAudioPort}", port:"<fmt:message key='mcu.statistic.audio'/>" },
           { occupy:"${model.useBcastPort}", free:"${model.freeBcastPort}", port:"<fmt:message key='mcu.statistic.broadcast'/>" }
        ];
        var barChart1 = new dhtmlXChart({
            view: "stackedBarH",
            container: "chart_port",
            value: "#occupy#",
            label: "#occupy#",
            color: "#ff080f",
            gradient:"3d",
            width: 30,
            yAxis: {
                template: "#port#"
            },
            xAxis: {
                start:0,
        		end:${model.useVideoPort} + ${model.freeVideoPort},		
                title: "<fmt:message key='mcu.statistic.resourceGraph'/>"
            },
            legend: {
                values: [{
                    text: "<fmt:message key='mcu.statistic.free'/>",
                    color: "#19cd2b"
                }, {
                    text: "<fmt:message key='mcu.statistic.occupy'/>",
                    color: "#ff080f"
                }],
                valign: "top",
                align: "right",
                width: 120,
                layout: "y"
            }
    });
    barChart1.addSeries({
        value: "#free#",
        label: "#free#",
        color: "#19cd2b"
    });
    
    barChart1.parse(multiple_dataset, "json");
});
</script>
	
</head>
<body class="dialog">
<div id="chart_port"style="width:366px;height:210px;border:1px solid #A4BED4;"></div>
<table border="0" style="width:100%;text-align:left;font-size:12px;margin:5px;" cellpadding="5" cellspacing="0">
	<tbody>
		<tr>
			<td><fmt:message key='mcu.statistic.useConfRoom'/></td>
			<td>${model.useConfRoom}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.calls'/></td>
			<td>${model.calls}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.denied'/></td>
			<td>${model.denied}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.runVideoPort'/></td>
			<td>${model.runVideoPort}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.runAudioPort'/></td>
			<td>${model.runAudioPort}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.useVideoPort'/></td>
			<td>${model.useVideoPort}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.useAudioPort'/></td>
			<td>${model.useAudioPort}</td>
		</tr>
        <tr>
			<td><fmt:message key='mcu.statistic.useBcastPort'/></td>
			<td>${model.useBcastPort}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.callBandwidth'/></td>
            <td>${model.callBandwidth}&nbsp;&nbsp;kbps</td>
		</tr>
		<%--<tr>
			<td><fmt:message key='mcu.statistic.lavg1'/></td>
			<td>${model.lavg1}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.lavg5'/></td>
			<td>${model.lavg5}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.lavg15'/></td>
			<td>${model.lavg15}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.totalram'/></td>
			<td>${model.totalram}MBytes</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.freeram'/></td>
			<td>${model.freeram}MBytes</td>
		</tr>--%>
		<tr>
			<td><fmt:message key='mcu.statistic.uptime'/></td>
			<td>${model.uptime}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.startup'/></td>
			<td>${model.startup}</td>
		</tr>
		<tr>
			<td><fmt:message key='mcu.statistic.running'/></td>
			<td>${model.running}</td>
		</tr>
	</tbody>
</table>
</body>
</html>